<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="${ctx}/static/js/jquery-table/css/jquery-table-learner.css" />
<script type="text/javascript" src="${ctx}/static/js/jquery-table/jquery.table.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.prompt.js"></script>
<script type="text/javascript" src="${ctx}/static/js/front/sns.js"></script>
<script type="text/javascript" src="${ctx}/static/js/front/jquery.sns.js"></script>
<script type="text/javascript" src="${ctx}/static/js/searchableSeclect/jquery.searchableSelect.js"></script>
<link rel="stylesheet" href="${ctx}/static/js/searchableSeclect/jquery.searchableSelect.css" />
<title></title>
    <style>
       .searchable-select-dropdown {
           z-index:2;
       }
       .searchable-select {
           min-width: 130px;
       }
    </style>
<script type="text/javascript">
	var sns = new Sns();
	var knowledge = '';
	var kbc_id = [];
	var kbc_id1 = '';
	var kbc_id2 = '';
	var kbc_id3 = '';
	var tag_id = '';
	var kbi_type = '';
	var kbi_title_search = '';
    var kbctitle = '${kbc_title}';
	$(function() {
		getListKnowledge('rankingKnowledge', 'latest');//最新知识排行
		getListKnowledge('my_share', 'my_share'); //我的分享
		getListKnowledge('recentView', 'recentView');//最近浏览
        $('#kbi_type').searchableSelect();
		$.getJSON('${ctx}/app/kb/catalog/getAllCatalogLevelList',
				function(rData) {
                    // 一级目录
                    if(rData.level1 && rData.level1.length >0){
                        var str1 = '';
                        $.each(rData.level1, function(index, obj) {
                            var p = {
                                id : obj.id,
                                title : obj.name,
                                type : 'CATALOG1'
                            }
                            str1 += $('#option-template').render(p);
                        })
                        $('#catalog1').append(str1);
                        $('#catalog1').searchableSelect();
                        var title="";
                        if(kbctitle==2){
                            title="Case sharing";
                        } else if(kbctitle==1){
                            title="Manual list";
                        }
                        $('option[title="'+title+'"]').prop("selected",true);
                        $('#holder_catalog1 .searchable-select-holder').html(title);

                    }
                    // 二级目录
                    if(rData.level2 && rData.level2.length >0){
                        var str2 = '';
                        $.each(rData.level2, function(index, obj) {
                            var p = {
                                id : obj.id,
                                title : obj.name,
                                type : 'CATALOG2'
                            }
                            str2 += $('#option-template').render(p);
                        })
                        $('#catalog2').append(str2);
                        $('#catalog2').searchableSelect();
                    }
                    // 三级目录
                    if(rData.level3 && rData.level3.length >0){
                        var str3 = '';
                        $.each(rData.level3, function(index, obj) {
                            var p = {
                                id : obj.id,
                                title : obj.name,
                                type : 'CATALOG3'
                            }
                            str3 += $('#option-template').render(p);
                        })
                        $('#catalog3').append(str3);
                        $('#catalog3').searchableSelect();
                    }
				});

		$.getJSON('${ctx}/app/kb/tag/admin/getTagJson', function(rData) {
			if(rData.length > 0){
				var str = '';
				$.each(rData, function(index, obj) {
					var p = {
						id : obj.tag_id,
						title : obj.tag_title,
						type : 'TAG'
					}
					str += $('#option-template').render(p);
				})
                $('#catalogTag').append(str);
                $('#catalogTag').searchableSelect();
            }
		});
		var knowledgeModel = [ {
			format : function(data) {
				var p = {
					enc_kbi_id : wbEncrytor().cwnEncrypt(data.kbi_id),
				};
				return $('#knowledge-template').render(p);
			}
		} ];

		knowledge = $("#knowledgeList").table({
			url : '${ctx}/app/kb/center/index/indexJson',
			gridTemplate : function(data) {
				if (data.kbi_id == undefined) {
					return "<li><img src='${ctx}/static/theme/blue/images/nocourse.jpg'/></li>";
				} else {
					$.extend(
						data,
						{
							kbi_type : fetchLabel('lab_TYPE_' + data.kbi_type),
							enc_kbi_id : wbEncrytor().cwnEncrypt(data.kbi_id),
							kbi_desc : data.kbi_desc ? (data.kbi_desc.length > 23 ? data.kbi_desc.substring(0, 23) + '......' : data.kbi_desc) : '',
							kbi_desc_all : data.kbi_desc ? data.kbi_desc : '',
							kbi_title : data.kbi_title.length > 23 ? data.kbi_title.substring(0, 23) + '......' : data.kbi_title,
							kbi_title_all : data.kbi_title,
							kba_url : data.imageAttachment.kba_url
						})
					return $('#knowledge-template').render(data);
				}
			},
			rowCallback : function(data){
				$("#kbi_like_count_" + data.kbi_id).like({
					count : data.snsCount ? data.snsCount.s_cnt_like_count:0,
					flag : data.sns ? data.sns.like : false,
					id : data.kbi_id,
					module: 'Knowledge',
					tkhId : 0
				})
				$("#kbi_collect_count_" + data.kbi_id).collect({
					count : data.snsCount?data.snsCount.s_cnt_collect_count:0,
					flag : data.sns?data.sns.collect : false,
					id : data.kbi_id,
					module: 'Knowledge',
					tkhId : 0
				})
				if(${sns_enabled} == true){
					$("#kbi_share_count_" + data.kbi_id).share({
						count : data.snsCount?data.snsCount.s_cnt_share_count:0,
						flag : data.sns?data.sns.share : false,
						id : data.kbi_id,
						module: 'Knowledge',
						tkhId : 0,
						width : $("#kbi_share_count_" + data.kbi_id).width()/2
					})
				} else {
					$("#kbi_share_count_" + data.kbi_id).remove();
				}
			},
			view : 'grid',
			rowSize : '3',
			rp : 9,
			params : {
			    kbc_title : kbctitle,
				sortname : 'kbi_access_count',
				sortorder : 'desc'
			},
			hideHeader : true,
			usepager : true
		});

		$("#sortul li").click(
				function() {
					//alert($(this).index());
					var sortname = $(this).attr("id");
					var sortorder = $(this).attr("data");
					if (sortorder == 'asc') {
						$(this).attr("data", "desc");
					} else if (sortorder == 'desc') {
						$(this).attr("data", "asc");
					}
					//css 切换
					$(this).addClass("active").siblings().removeClass("active");
					if ($(this).children("a").children("i").hasClass("fa-caret-up")) {
						$(this).children("a").children("i").addClass("fa-caret-down")
								.removeClass("fa-caret-up");
					} else {
						$(this).children("a").children("i").addClass("fa-caret-up")
								.removeClass("fa-caret-down");
					}
					$(knowledge).reloadTable({
						url : '${ctx}/app/kb/center/index/indexJson',
						params : {
							kbc_id : kbc_id,
							tag_id : tag_id,
							kbi_type : kbi_type,
							sortname : sortname,
							sortorder : sortorder
						}
					});
				});

	})

	function getListKnowledge(id, type) {
		var p = '?page=1&rp=11&t' + new Date().getTime();
		var dataUrl = '${ctx}/app/kb/center/index/' + type;
		$.getJSON(dataUrl + p, function(rData) {
			var str = '';
			$.each(rData.rows, function(index, obj) {
				var cssClass = 'gray';
				if (index < 3) {
					cssClass = 'orange';
				}
				var p = {
					index : index + 1,
					cssClass : cssClass,
					kbi_id : obj.kbi_id,
					enc_kbi_id : wbEncrytor().cwnEncrypt(obj.kbi_id),
					kbi_title : obj.kbi_title,
					kbi_title_all : obj.kbi_title
				}
				if (type == 'recentView') {
					if (index < 5) {
						str += $('#li-template').render(p);
					}
				} else if(type == 'my_share'){
					if (index < 5) {
						str += $('#li-template').render(p);
					}
				} else {
					str += $('#ranking-template').render(p);
				}
			});

			if (str == '') {
				$('#' + id).html($('#blank-template').render());
			} else {
				$('#' + id).html(str);
				$('#close_' + id).css('display','block');
			}
		})
	};

	function onClickRankingChang(thisObj, id, type) {
		$(thisObj).parent().children(".active").removeClass('active');
		$(thisObj).addClass('active');
		getListKnowledge(id, type);
	}
    function onchangeCatalog(thisObj) {
        $(thisObj).find('option:selected').click();
    }
	//切换分类
	function changeCatalog(thisObj, value, type) {
		if (type == 'CATALOG1') {
			kbc_id1 = value;
		} else if (type == 'CATALOG2') {
            kbc_id2 = value;
		} else if (type == 'CATALOG3') {
            kbc_id3 = value;
		} else if (type == 'TAG') {
			tag_id = value;
		} else if (type == 'ITEM') {
			kbi_type = value;
		} else if (type == 'TITLE') {
            kbi_title_search = value;
        }

		$("#" + $(thisObj).parent().attr("id") + " .cur")
				.removeClass("cur");
		$(thisObj).addClass("cur");
		var sortname = $('#sortul .active').attr("id");
		var sortorder = $('#sortul .active').attr("data");
		if (sortorder == 'asc') {
			sortorder = 'desc'
		} else {
			sortorder = 'asc'
		}
        kbc_id = [];
        kbc_id.push(kbc_id1);
        kbc_id.push(kbc_id2);
        kbc_id.push(kbc_id3);
		$(knowledge).reloadTable({
			url : '${ctx}/app/kb/center/index/indexJson',
			params : {
				kbc_id : kbc_id,
				tag_id : tag_id,
				kbi_type : kbi_type,
                kbi_title_search : kbi_title_search,
				sortname : sortname,
				sortorder : sortorder

			}
		});


	}

    function resetCatalog(thisObj){
        //知识类型
        var options = $('#kbi_type').find("option");
        options.first().attr("selected", true);
        //重置插件值
        $('#holder_kbi_type .searchable-select-holder').html(options.first().val());
        //知识一级分类
        options = $('#catalog1').find("option");
        options.first().attr("selected", true);
        $('#holder_catalog1 .searchable-select-holder').html(options.first().val());
        //知识二级分类
        options = $('#catalog2').find("option");
        options.first().attr("selected", true);
        $('#holder_catalog2 .searchable-select-holder').html(options.first().val());
        //知识三级分类
        options = $('#catalog3').find("option");
        options.first().attr("selected", true);
        $('#holder_catalog3 .searchable-select-holder').html(options.first().val());
        //知识标签
        options = $('#catalogTag').find("option");
        options.first().attr("selected", true);
        $('#holder_catalogTag .searchable-select-holder').html(options.first().val());
        //知识标题
        $('#kbi_title_search').val("");
        kbc_id1 = '';
        kbc_id2 = '';
        kbc_id3= '';
        tag_id = '';
        kbi_type = '';
        kbi_title_search = '';
        changeCatalog(thisObj,'');
    }
</script>
<script id="ranking-template" type="text/x-jsrender">
<li>
	<a href="${ctx}/app/kb/center/view?source=index&enc_kbi_id={{>enc_kbi_id}}" title="{{>kbi_title_all}}">
		<em class="wzb-list-{{>cssClass}}">{{>index}}</em>
		<span class="color-gray333">{{>kbi_title}}</span>
	</a>
</li>
</script>
<script id="li-template" type="text/x-jsrender">
<li>
	 <a href="${ctx}/app/kb/center/view?source=index&enc_kbi_id={{>enc_kbi_id}}" title="{{>kbi_title_all}}">{{>kbi_title}}</a>
</li>
</script>
<script id="a-template" type="text/x-jsrender">
	<a title="{{>title}}" href="#" data="{{>id}}" onclick="changeCatalog(this,{{>id}},'{{>type}}')">{{>title}}</a>
</script>
<script id="option-template" type="text/x-jsrender">
	<option title="{{>title}}" data="{{>id}}" onclick="changeCatalog(this,{{>id}},'{{>type}}')">{{>title}}</option>
</script>
<script id="knowledge-template" type="text/x-jsrender">
<li>
	 <div class="norm-fwim">
		  <a href="${ctx}/app/kb/center/view?source=index&enc_kbi_id={{>enc_kbi_id}}"><img class="norm-fwim-pic" src="${ctx}{{>kba_url}}"/></a>
		  <a href="${ctx}/app/kb/center/view?source=index&enc_kbi_id={{>enc_kbi_id}}" class="norm-fwim-white" title="{{>kbi_title_all}}">{{>kbi_title}}</a>

		  <div class="norm-fwim-desc">
			   <a class="norm-fwim-gray" href="${ctx}/app/kb/center/view?source=index&enc_kbi_id={{>enc_kbi_id}}" title="{{>kbi_desc_all}}">{{>kbi_desc}}</a>
			   <div class="norm-fwim-area">
					<a id="kbi_like_count_{{>kbi_id}}" class="margin-right15 wzb-link05" href="javascript:;" title='<lb:get key="sns_like"/>'><i class="fa skin-color fa-thumbs-o-up"></i> <span>0</span></a>
					<a id="kbi_collect_count_{{>kbi_id}}" class="margin-right15 wzb-link05" href="javascript:;" title='<lb:get key="sns_collect"/>'><i class="fa skin-color fa-star"></i> <span>0</span></a>
			   </div>

			   <div class="norm-fwim-info">
					<span class="overflow fl" style="    line-height: 35px;display:inline-block;width:40%" title="{{>kbi_type}}">{{>kbi_type}}</span>
					<div class="pull-right overflow" style="line-height:35px;max-width:55%;display:inline-block;    height: 35px;" title="{{>usr_display_bil}}"><em class="fl" style="padding-top: 3px;"><lb:get key="lab_kb_from"/>：</em>{{>usr_display_bil}}</div>
			   </div>
		  </div>
	 </div>
</li>
</script>
<script id="blank-template" type="text/x-jsrender">
<div class="losedata"><i class="fa fa-folder-open-o"></i><p><lb:get key="lab_table_empty"/></p></div>
</script>
</head>
<body>
	<div class="xyd-wrapper">
		<div id="main" class="xyd-main clearfix update_6p8_knowledge_center knowledge_center">
			<div class="xyd-sidebar ">
                <div role="tabpanel" class="wzb-tab-3">
					<!-- Nav tabs -->
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active" onclick="onClickRankingChang(this,'rankingKnowledge','latest')"><a href="#waiting" aria-controls="waiting" role="tab" data-toggle="tab"><lb:get key="article_the_new" /></a></li>
						<li role="presentation" onclick="onClickRankingChang(this,'rankingKnowledge','hottest')"><a href="#passing" aria-controls="passing" role="tab" data-toggle="tab"><lb:get key="article_the_hottest" /></a></li>
						<li role="presentation" onclick="onClickRankingChang(this,'rankingKnowledge','popularity')"><a href="#refusal" aria-controls="refusal" role="tab" data-toggle="tab"><lb:get key="article_popularity" /></a></li>
					</ul>

                    <div class="tab-content">
                         <div class="wzb-model-6">
                              <ul class="wzb-list-13 wzb-list-13-mc" id="rankingKnowledge">
                              </ul>
                         </div>
                    </div>
                </div>

				<div id="close_my_share" style="display:none;">
					<h3 class="wzb-title-4 skin-bg"><lb:get key="lab_kb_my_share" /></h3>
					<ul class="wzb-list-22" id="my_share">
					</ul>
					<a href="${ctx}/app/kb/center/list?tab=APPROVED" title='<lb:get key="label_core_knowledge_management_105"/>' class="wzb-title-more"><lb:get key="label_core_knowledge_management_105"/></a>
				</div>

				<div id="close_recentView" style="display:none;">
					<h3 class="wzb-title-4 skin-bg"><lb:get key="lab_kb_view_lattest" /></h3>
					<ul class="wzb-list-22" id='recentView'>
					</ul>
				</div>

			</div> <!-- xyd-sidebar End-->

			<div class="xyd-content">
				<div class="main">
                    <div class="wzb-model-4">
                         <dl style="padding: 15px 25px 15px 44px;margin-bottom:0px" class="clearfix" id="norm-more-type-dl">
                                 <select id="kbi_type" name="kbi_type" onchange="onchangeCatalog(this)" style="width: 18%;height: 32px;">
                                 <option class="cur" title='<lb:get key="label_core_knowledge_management_119"/>' onclick="changeCatalog(this,'','ITEM')">
                                     <lb:get key="label_core_knowledge_management_119"/>
                                 </option>
                                 <option title='<lb:get key="lab_TYPE_ARTICLE"/>' onclick="changeCatalog(this,'ARTICLE','ITEM')">
                                     <lb:get key="lab_TYPE_ARTICLE" />
                                 </option>
                                 <option  title='<lb:get key="lab_TYPE_DOCUMENT"/>' onclick="changeCatalog(this,'DOCUMENT','ITEM')">
                                     <lb:get key="lab_TYPE_DOCUMENT" />
                                 </option>
                                 <option  title='<lb:get key="lab_TYPE_VEDIO"/>' onclick="changeCatalog(this,'VEDIO','ITEM')">
                                     <lb:get key="lab_TYPE_VEDIO" />
                                 </option>
                                 <option title='<lb:get key="lab_TYPE_IMAGE"/>' onclick="changeCatalog(this,'IMAGE','ITEM')">
                                     <lb:get key="lab_TYPE_IMAGE" />
                                 </option>
                                 <option title='<lb:get key="lab_TYPE_WEBPAGE"/>' onclick="changeCatalog(this,'WEBPAGE','ITEM')">
                                     <lb:get key="lab_TYPE_WEBPAGE" />
                                 </option>
                             </select>
                                 <select id="catalog1" onchange="onchangeCatalog(this)" style="width: 18%;height: 32px;">
                                     <option class="cur" title="<lb:get key="label_core_knowledge_management_120"/>" onclick="changeCatalog(this,'','CATALOG1')"><lb:get key="label_core_knowledge_management_120"/></option>
                                 </select>
                                 <select id="catalog2" onchange="onchangeCatalog(this)" style="width: 18%;height: 32px;">
                                     <option class="cur" title="<lb:get key="label_core_knowledge_management_121"/>" onclick="changeCatalog(this,'','CATALOG2')"><lb:get key="label_core_knowledge_management_121"/></option>
                                 </select>
                                 <select id="catalog3" onchange="onchangeCatalog(this)" style="width: 18%;height: 32px;">
                                     <option class="cur" title="<lb:get key="label_core_knowledge_management_122"/>" onclick="changeCatalog(this,'','CATALOG3')"><lb:get key="label_core_knowledge_management_122"/></option>
                                 </select>
                                 <select id="catalogTag" onchange="onchangeCatalog(this)" style="width: 18%;height: 32px;">
                                     <option class="cur" title="<lb:get key="label_core_knowledge_management_123"/>" onclick="changeCatalog(this,'','TAG')"><lb:get key="label_core_knowledge_management_123"/></option>
                                 </select>
                        </dl>

                         <dl class="wzb-list-9 clearfix" id="norm-more-catalog-dl">
                             <dt><span style="white-space: nowrap"><lb:get key="lab_kb_item"/><lb:get key="global_title"/></span></dt>
                             <dd id="norm-list-1-info">
                                 <div class="nav nav-tabs nav-tabs-title fl">
                                     <input type="text" placeholder="<lb:get key="label_core_knowledge_management_124"/>" id="kbi_title_search" style="width: 250px" onkeydown="if(event.keyCode === 13) {changeCatalog(this,$(this).val(), 'TITLE');}">
                                 </div>
                                 <div class="nav nav-tabs nav-tabs-title fr">
                                     <a class="btn wzb-btn-yellow margin-right10" onclick="changeCatalog(this, $('#kbi_title_search').val(), 'TITLE')"><lb:get key="search_text"/></a>
                                     <a class="btn wzb-btn-yellow margin-right10" onclick="resetCatalog(this)"><lb:get key="label_core_knowledge_management_125"/></a>
                                 </div>

                             <%--                                 <select id="catalog1" onchange="onchangeCatalog(this)">--%>
<%--                                     <option class="cur" title="<lb:get key="article_catalog" />" onclick="changeCatalog(this,'','CATALOG')"><lb:get key="article_catalog" /></option>--%>
<%--                                 </select>--%>
<%--                                 <select id="catalog2" onchange="onchangeCatalog(this)">--%>
<%--                                     <option class="cur" title="<lb:get key="article_catalog" />" onclick="changeCatalog(this,'','CATALOG')"><lb:get key="article_catalog" /></option>--%>
<%--                                 </select>--%>
<%--                                 <select id="catalog3" onchange="onchangeCatalog(this)">--%>
<%--                                     <option class="cur" title="<lb:get key="article_catalog" />" onclick="changeCatalog(this,'','CATALOG')"><lb:get key="article_catalog" /></option>--%>
<%--                                 </select>--%>
                             </dd>
                         </dl>

                    </div> <!-- wzb-model-4 End-->

					<div class="wzb-model-12">
                        <div role="tabpanel" class="wzb-tab-2">
							<!-- Nav tabs -->
                            <div class="clearfix">
                                <div class="nav nav-tabs nav-tabs-title fl">
                                    <span><lb:get key="lab_kb_know_list" /></span>
                                </div>
                                <div class="nav nav-tabs nav-tabs-title fr">
                                    <a class="btn wzb-btn-yellow margin-right10" onclick="$('#msgBox').modal('show')"><lb:get key="lab_kb_want_share" /></a>
                                    <a class="btn wzb-btn-yellow margin-right10" href="/app/kb/center/kbimanual"><lb:get key="lab_knowledge_manuel"/></a>
                                    <dl>
                                        <%--<dd class="xyd-share-info">
                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=ARTICLE" title="">
                                                <i class="fa fa-file-text-o"></i>
                                                <lb:get key="lab_TYPE_ARTICLE" />
                                            </a>
                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=DOCUMENT" title="">
                                                <i class="fa fa-file-word-o"></i>
                                                <lb:get key="lab_TYPE_DOCUMENT" />
                                            </a>
                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=VEDIO" title="">
                                                <i class="fa fa-file-video-o"></i>
                                                <lb:get key="lab_TYPE_VEDIO" />
                                            </a>
                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=IMAGE" title="">
                                                <i class="fa fa-file-image-o"></i>
                                                <lb:get key="lab_TYPE_IMAGE" />
                                            </a>
                                        </dd>--%>
                                        <div id="msgBox" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" style="width:730px;margin:-270px 0 0 -382px;">
                                                <div class="modal-content cont">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="refreshMyMember('')">&times;</button>
                                                        <h4 class="modal-title" id="myModalLabel" style="text-align: left;"><div class="pfindtit"><lb:get key="lab_kb_want_share"/></div></h4>
                                                    </div>

                                                    <div class="wzb-model-3" style="height: 451px;">
                                                        <div class="modal-body">
                                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=ARTICLE" title="" class="article-item">
                                                                <i></i>
                                                                <p><lb:get key="lab_TYPE_ARTICLE" /></p>
                                                            </a>
                                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=DOCUMENT" title="" class="document-item">
                                                                <i></i>
                                                                <p><lb:get key="lab_TYPE_DOCUMENT" /></p>
                                                            </a>
                                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=VEDIO" title="" class="video-item">
                                                                <i></i>
                                                                <p><lb:get key="lab_TYPE_VEDIO" /></p>
                                                            </a>
                                                            <a href="${ctx}/app/kb/center/insert?source=index&kbi_type=IMAGE" title="" class="image-item">
                                                                <i></i>
                                                                <p><lb:get key="lab_TYPE_IMAGE" /></p>
                                                            </a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </dl>
                                </div>
                            </div>
							<ul class="nav nav-tabs nav-tabs-item" role="tablist" id="sortul">
								<li role="presentation" id="kbi_title" data="asc"><a href="#title" aria-controls="title" role="tab" data-toggle="tab"><lb:get key="global_title" /> <i class="fa fa-caret-down"></i></a></li>
								<li role="presentation" class="active" id="kbi_access_count" data="asc"><a href="#home" aria-controls="home" role="tab" data-toggle="tab"><lb:get key="lab_kb_count_view" /> <i class="fa fa-caret-down"></i></a></li>
								<li role="presentation" id="s_cnt_like_count" data="asc"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"><lb:get key="lab_kb_praise" /> <i class="fa fa-caret-down"></i></a></li>
								<li role="presentation" id="kbi_publish_datetime" data="asc"><a href="#time" aria-controls="time" role="tab" data-toggle="tab"><lb:get key="lab_kb_create_time" /> <i class="fa fa-caret-down"></i></a></li>
							</ul>

							<div class="tab-content">
								<ul class="wzb-list-23 clearfix" id="knowledgeList">

								</ul>
							</div>
						</div>
						<!-- wbtab end -->
					</div>
					<!-- norm-box End-->
				</div>
				<!-- main End-->
			</div>
		</div>
	</div>
	<!-- xyd-wrapper End-->
</body>

</html>